<!DOCTYPE html>
<html>
	<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
        <style type="text/css">
            *{
                -webkit-user-select: none;
            }
            html,body{
                margin: 0px;
                padding: 0px;
                height: 100%;
            }
        </style>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
	
		var player = null;
		
		        // 创建视频播放控件
		        function createVideoPlayer() {
					
			        if(!player){
				        player = plus.video.createVideoPlayer('videoplayer', {
					    src:'http://14.18.17.142:9009/live/chid=001',
					    top:'100px',
					    left:'0px',
					    width: '100%',
					    height: '200px',
					    position: 'static'
				});
				
				plus.webview.currentWebview().append(player);
			}
		}
		
		    function startV(){
				player.play();
			}
			function stopV(){
				player.stop();
			}
			
			
			
		


    </script>
	</head>
	<body>
		
	
	
	<div >
		<button>cctv1</button>
		<button   onclick="createVideoPlayer()">请点击加载视频播放</button>
		
	</div>
	<div>
		<button onclick="startV()">开始视频</button>
	    <button onclick="stopV()">停止视频</button>
		
	</div>

	
	</body>
</html>
